<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title>title</title>
		<link rel="stylesheet" type="text/css" href="../css/api.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/sm.min.css">
		<link rel="stylesheet" href="../../css/sm-extend.min.css">
		<script type='text/javascript' src='../../script/zepto.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='../../script/sm.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='../../script/sm-extend.min.js' charset='utf-8'></script>
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css">
		<style>
			body {
				height: 100%;
				margin: 0px;
			}
			#main {
				-webkit-box-flex: 1;
				-webkit-flex: 1;
			}
			.bar .icon {
			    position:absolute;
			    z-index: 20;
			    font-size: 1rem;
			    line-height: 1.2rem;
			   padding: 0.25rem 0.0rem;
			}
		</style>
	</head>
	<body>
		<div class="page-group">
			<div class="page">
				<header class="bar bar-nav">
					<a class="icon pull-left" href="#" onclick="goback()"><i  id="back" class="icon iconfont icon-xiangzuo1" style="font-size: 28px;color: #999"></i></a>
					<!--<a class="icon icon-left pull-left" onclick="goback();"></a>-->
					<!--<a class="icon icon-refresh pull-right"></a>-->
					<h1 class="title">周边</h1>
				</header>
				<div class="content " data-distance="10">
					<iframe id="detailFrame"  frameborder="no" border="0" marginwidth="0" marginheight="0" allowtransparency="yes" width="100%" height="100%"></iframe>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript" src="detail.js"></script>
</html>